<!DOCTYPE html>
<html lang="en" ng-app="sc_shop_app">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no,target-densitydpi=device-dpi, width=device-width">


  <title ng-bind="'医药宝 - ' + $rootScope.title"></title>

  <link href="./nightly/css/ionic.css" rel="stylesheet">
  <link href="css/main.css" rel="stylesheet">
  <link href="css/index.css" rel="stylesheet">
  <link href="./js/alertifyjs/css/alertify.css" rel="stylesheet">
  <!--标准mui.css-->
  <link rel="stylesheet" href="./js/mui/css/mui.min.css">
  <!--App自定义的css-->
  <link rel="stylesheet" type="text/css" href="./js/mui/css/app.css" />

  <script src="./js/jquery-2.1.4.min.js"></script>
  <script src="./js/resetSize.js"></script>
  <script src="./nightly/js/ionic.bundle.js"></script>


  <script src="./cordova.js"></script>
  <script src="./js/utils/app-conf.js"></script>
  <script src="./js/utils/toast.js"></script>
  <script src="./js/app.js"></script>
  <script src="./js/controller.js"></script>
  <script src="./js/service.js"></script>



  <script src="./js/plugins/JpushPlugin.js"></script>
  <script src="./js/plugins/JpushPlugin02.js"></script>

  <script src="./js/plugins/PayPluginJava.js"></script>
  <script src="./js/plugins/PayPluginJs.js"></script>

  <script src="./js/plugins/AddImageJava.js"></script>
  <script src="./js/plugins/AddImageJs.js"></script>

  <script src="./js/plugins/SuggestionJava.js"></script>
  <script src="./js/plugins/SuggestionJs.js"></script>

  <script src="./js/plugins/DeviceJs.js"></script>
  <script src="./js/plugins/TakePhoto.js"></script>
  <script src="./cordova_plugins.js"></script>
  <script src="./js/FileFactory.js"></script>
  <script src="./js/mui/js/mui.min.js"></script>
  <script src="./js/moment.min.js"></script>


  <script src="./js/alertifyjs/alertify.js"></script>
  <script src="./js/jquery.fly.js"></script>
  <script src="./js/jquery.fly.min.js"></script>


  <script type="text/javascript" charset="utf-8">
    document.addEventListener("deviceready", function () {
      document.addEventListener("backbutton", function () {
        console.log("------------------------------------1");
        //                return;
      }, false);
    }, false);
  </script>


</head>

<body ng-controller="common_controller" cz-shortcut-listen="true">
  <ion-side-menus>
    <header class="mui-bar mui-bar-nav  ">
      <h1 class="mui-title ">首页</h1>



      <!--<h1 class="mui-title" ng-click="$root.go_index()" ng-show="index_status"><span class="menu-back" style="font-size:1.5em">首页</span></h1>-->
    </header>


    <nav class="mui-bar mui-bar-tab">
      <a class="mui-tab-item mui-active" href="#tabbar">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
      </a>
      <a class="mui-tab-item" href="#tabbar-with-chat">
        <span class="mui-icon mui-icon-star-filled"></span>
        <span class="mui-tab-label">分类</span>
      </a>
      <a class="mui-tab-item" href="#tabbar-with-messge">
        <span class="mui-icon mui-icon-email"></span>
        <span class="mui-tab-label">消息</span>
      </a>

      <a class="mui-tab-item" href="#tabbar-with-my">
        <span class="mui-icon mui-icon-gear"></span>
        <span class="mui-tab-label">我的</span>
      </a>
    </nav>
    <div class="mui-content">
      <div id="tabbar" class="mui-control-content mui-active">


        <div class="row">

          <div class="col col-30  my_order">
            <div>
              <img src="./img/project/03.png" class="main-image" />
            </div>
            <span class="main-span ">我的订单</span></div>
          <div class="col col-30   " ng-click="go_myAddress()">
            <div>
              <img src="./img/project/05.png" class="main-image" />
            </div>
            <span class="main-span">收货地址</span>
          </div>
          <div class="col col-30  suggestion ">
            <div>
              <img src="./img/project/04.png" class="main-image" />
            </div>
            <span class="main-span">意见反馈</span>
          </div>
        </div>


        <div class="row">

          <div class="col col-30  " ng-click="change_account()">
            <div>
              <img src="./img/project/change_account.png" class="main-image" />
            </div>
            <span class="main-span">切换账号</span>
          </div>
          <div class="col col-30  " ng-click="more_function()">
            <div>
              <img src="./img/project/more.png" class="main-image" />
            </div>
            <span class="main-span">更多功能</span>
          </div>
          <div class="col col-30  " ng-click="">

          </div>

        </div>

      </div>
      <div id="tabbar-with-chat" class="mui-control-content">
        <div ng-controller="ReserveShopCtrl">
          <ion-content>
            <ion-scroll zooming="true" scrollbar-y="false" direction="y" style="float: left;width: 30%; height: 100%;background-color:#F5F5F5;overflow: hidden;margin-top: .5em;">
              <ion-list>
                <ion-item ng-repeat="item in goods_list" ng-click="choose_menu(item.id,$index)" style="{{chooseLeftStyle[$index]}}     border-color: rgba(221, 221, 221, 0) !important;overflow: hidden;">
                  <span class="font2"> {{item.name}}</span>
                </ion-item>
              </ion-list>
            </ion-scroll>


            <ion-scroll ng-repeat="menu_item in goods_list" ng-show="start_menu == menu_item.id" zooming="true" scrollbar-y="false" direction="y" style="float: left;width: 70%; height: 100%; background: #fff;">

              <ion-list>
                <ion-item ng-repeat="item in menu_item.foodList" style="overflow: hidden;">
                  <div class="food-item">
                    <div>
                      <img ng-click="showDetail(item)" src="{{IMAGE_IP}}/api{{item.picture1}}" />
                    </div>
                    <div class="food-item-right" style="margin-left:1em;">
                      <span style="float:left;font-size:1.2em;padding-top:.3em;padding-bottom:.3em;margin-left: -.5em;">{{item.name}}</span>
                      <br />
                      <br />
                      <span style="float:left;font-size:1.2em;color:#ffaa33;line-height:1em;font-family: Arial, Helvetica, sans-serif;margin-left: -0.5em;padding-top: 0.5em; "><span style=" font-family:Times New Roman,Windings">￥</span>{{item.goodsPrice}}</span>
                      <div class="mui-numbox" style="float:right;">
                        <button class="mui-btn mui-btn-numbox-minus" ng-click="minus_goods_fun(item.id,item)" type="button">-</button>
                        <input id="blur_input{{item.id}}" min="0" ng-blur="blur(item.id,item,$event)" ng-model="add_goods[item.id]['add_num']" class="mui-input-numbox" type="number" value="0" />
                        <button class="mui-btn mui-btn-numbox-plus" ng-click="add_goods_fun(item.id,item,$event)" type="button">+</button>
                      </div>

                    </div>
                  </div>
                </ion-item>


              </ion-list>
            </ion-scroll>
          </ion-content>

          <div class="bar bar-footer" style="border-top: 1px solid #dddddd;height:2em;padding:0 !important;
    background-color:#fff;    bottom: 3em; position: fixed;z-index: 999;" id="end">

            <div class="total_num">
              <span>共计：<span style="color:#FFB54E">￥{{goods_sum}}</span></span>
            </div>

            <div class="submit_bt">
              <button class="button button-balanced " style="font-size:1.2em;background-color:#29b6f6;float: right;" ng-click="sub_goods()">
                结算( {{goods_num}} )
              </button>
            </div>
          </div>


        </div>

      </div>
      <div id="tabbar-with-messge" ng-controller="notice_list" class="mui-control-content">

        <ion-content class="padding-content notice-list-content">

          <ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>

          <ul ng-repeat="item in notice_list" class="mui-table-view mui-table-view-striped mui-table-view-condensed">
            <li class="mui-table-view-cell" ng-click="notice_detail({{item.orderId}},{{item.orderStatus}},{{item.id}},{{item.status}})">
              <div class="mui-table">
                <div class="mui-table-cell mui-col-xs-10">
                  <h4 class="mui-ellipsis">{{item.title}}</h4>
                  <p class="mui-h6 mui-ellipsis">{{item.discribe}}</p>
                </div>
                <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                  <span class="mui-h5" ng-bind="formatTime(item.createTime)"></span>
                </div>
              </div>
            </li>
          </ul>

          <ion-infinite-scroll ng-if="hasMore" on-infinite="loadData()" distance="5%"></ion-infinite-scroll>
        </ion-content>


      </div>
      <div id="tabbar-with-my" class="mui-control-content">
        <div class="mui-scroll">
          <ul class="mui-table-view mui-table-view-chevron">
            <li class="mui-table-view-cell mui-media">
              <a class="mui-navigate-right" href="#picture">
                <img class="mui-media-object mui-pull-left head-img" id="head-img" src="">
                <div class="mui-media-body" href="#picture">
                  {{username}}
                  <p class='mui-ellipsis'>账号:{{userId}}</p>
                </div>
              </a>
            </li>
          </ul>
          <ul class="mui-table-view mui-table-view-chevron">
            <li ng-click="change_password()" class="mui-table-view-cell">
              <a href="#password" class=" mui-navigate-right">修改密码</a>
            </li>
          </ul>
          <ul class="mui-table-view mui-table-view-chevron">
            <li class="mui-table-view-cell">
              <a href="#notifications" ng-click="go_myAddress()" class="mui-navigate-right">我的收货地址</a>
            </li>
            <li class="mui-table-view-cell">
              <a href="#privacy" ng-click="go_myOrder()" class="mui-navigate-right">我订订单</a>
            </li>

          </ul>
          <ul class="mui-table-view mui-table-view-chevron">
            <li class="mui-table-view-cell">
              <a href="#about" class="mui-navigate-right">版本号 <i class="mui-pull-right update">V1.0.0</i></a>
            </li>
          </ul>
          <ul class="mui-table-view">
            <li ng-click="change_account()" class="mui-table-view-cell" style="text-align: center;">
              <a>退出登录</a>
            </li>
          </ul>
        </div>

      </div>
    </div>


  </ion-side-menus>
  <div id="picture" class="mui-popover mui-popover-action mui-popover-bottom">
    <ul class="mui-table-view" style="border-radius:7px !important">
      <li class="mui-table-view-cell">
        <a href="#picture">从手机选择</a>
      </li>
      <li class="mui-table-view-cell" ng-click="takePhoto()">
        <a href="#picture">拍照</a>
      </li>
    </ul>
    <ul class="mui-table-view" style="border-radius:7px !important">
      <li class="mui-table-view-cell">
        <a href="#picture"><b>取消</b></a>
      </li>
    </ul>
  </div>

  <div id="password" class="mui-popover mui-popover-action mui-popover-bottom">
    <ul class="mui-table-view" style="border-radius:7px !important">
      <li class="mui-table-view-cell">
        <div class="mui-input-row">
          <label>原密码</label>
          <input id='oldpassword' type="password" class="mui-input-clear mui-input" placeholder="请输入原密码">
        </div>

      </li>
      <li class="mui-table-view-cell">
        <div class="mui-input-row">
          <label>新密码</label>
          <input id='newpassword' type="password" class="mui-input-clear mui-input" placeholder="请输入新密码">
        </div>
      </li>
      <li class="mui-table-view-cell change_password">
        <a href="#"><b>提交</b></a>
      </li>
    </ul>
  </div>

  <div id="goodsDetail" style="height: 18em;!important;" class="mui-popover mui-popover-action mui-popover-bottom">
    <ul class="mui-table-view" style="margin:0 !important;max-height:18em !important;height: 18em;!important;border-radius:7px !important">
      <li style="padding:0 !important" class="mui-table-view-cell">
        <img src="img/shop/02.png">
      </li>
      <li style="padding:0 !important" class="mui-table-view-cell">

        <div style="padding-top:.5em !important" class="desc">这是一个测试图片</div>

      </li>
    </ul>
  </div>


</body>

</html>